ChatKitのUIがlocalhostで表示されるのにデプロイすると表示されない→domain allowlistが追加されていない

デプロイするとなぜかChatUIが表示されないことがあった

Claude Sonnet 4.5.icon

ChatKitの Shadow DOM に <style> しかなく、実際の <div class="ck-wrapper"> や <iframe>が作成されていません。つまり、ChatKitライブラリが内部DOMを構築できていない状態です。

これが「UIが一瞬表示されて消える」理由です：

1. Reactコンポーネントはマウントされている ✅

2. <openai-chatkit> 要素は作成されている ✅

3. しかし、ChatKitライブラリが内部のiframeを作成できていない ❌

domain allowlistを追加する必要がある

https://gyazo.com/2bbad25362e5c0986866c08e52b92d02

編集したいときにはここを使う